<template>
    <el-dialog
      title="导入栋单元层"
      :visible.sync="importVillageArea.show"
      width="fit-content"
      center
      :close-on-click-modal="false"
    >
      <div style="margin: 50px 100px;">
        <el-upload
          :class="['upload', importVillageArea.file ? '' : 'no-file']"
          action="#"
          :auto-upload="false"
          :on-change="getVillageAreaFile"
          accept=".xls,.xlsx"
          :show-file-list="false"
        >
          <i v-if="!importVillageArea.file" class="el-icon-plus"></i>
          <div class="excel-file" v-else>
            <img src="/src/assets/img/excel.png" alt="" />
            <div>
              {{ importVillageArea.file.name }}
            </div>
          </div>
        </el-upload>
        <div style="margin-top: 4px;">
          <a
          style="color: red;text-decoration:none"
          :href="importVillageArea.importModule"
        >
        下载导入模板
      </a>
        </div>
     
      </div>
      <div slot="footer">
        <el-button @click="confirmImportVillageArea" type="primary">确定</el-button>
        <el-button @click="importVillageArea.show = false">取消</el-button>
      </div>
    </el-dialog>
</template>

<script>
    export default {
        props:{
            title:{
                type:String,
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>